.goods{
	.nav-box{
		width: 750upx;
		height: 129upx;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFFFFF;
	}
	.nav{
		width: 718upx;
		height: 92upx;
		background-color: #faf2f5;
		border-radius: 25upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 70upx;
		padding-right: 70upx;
		.search{
			width: 380upx;
			height: 60upx;
			background-color: #FFFFFF;
			border-radius: 25upx;
			display: flex;
			align-items: center;
			.iconfont{
				margin-left: 18upx;
				font-size: 32upx;
				color: $bg02;
				font-weight: 600;
			}
			
			input{
				padding-left: 10upx;
				width: 380upx;
				height: 60upx;
				border-radius: 25upx;
			}
		}
		.btn{
			width: 92upx;
			height: 50upx;
			background-color: #ff557d;
			border-radius: 10upx;
			color: #FFFFFF;
			font-size: 24upx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	.ctry-content{
		margin: 0upx 0upx;
	}
	
	.nav-left{
		width: 150upx;
		background-color: $bg01;
		left: 0;
		top: 0;
		bottom: 0;
		font-size: 24upx;
		color: $color3;
		.nav-left-item {
			display: flex;
			line-height: 90upx;
			text-align: center;
			justify-content: center;
		}
		.nav-active{
			font-size: 26upx;
			color: $bg02;
			position: relative;
			&:after{
				content: '';
				width: 50upx;
				height: 4upx;
				background-color: #ff557d;
				border-radius: 2upx;
				position: absolute;
				bottom: 20upx;
				left: 50%;
				transform: translateX(-50%);
			}
		}
	}
	.nav-right{
		width: 600upx;
		position: absolute;
		left: 150upx;
		top: 128upx;
		bottom: 0;
		background-color: #f9f9f9;
		box-sizing: border-box;
		padding: 25upx 30upx 0;
		background-color: #FFFFFF;
	}
		.top-img{
			height: 174upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
			display: flex;
			align-items: center;
			justify-content: center;
			.upLoad{
				width: 370upx;
				height: 174upx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				image{
					width: 128upx;
					height: 129upx;
				}
				&>text{
					font-size: $font-base;
					font-weight: bold;
				}
			}
		}
		
		// 分类内容部分
		.nav-right-content{
			width: 100%;
			height: 100%;
			.nav-right-box{
				display: flex;
				// flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				.nav-right-item{
					width: 568upx;
					height: 178upx;
					border-top: 1px solid #faf2f5;
					display: flex;
					align-items: center;
					justify-content: space-between;
					image{
						width: 131upx;
						height: 131upx;
					}
					.right-box{
						width: 390upx;
						height: 137upx;
						.right-content1{
							font-size: $font-base - 4upx;
							display: flex;
							align-items: center;
							// justify-content: space-between;
							.title{
								width: 60upx;
								height: 30upx;
								background-color: #ff557d;
								border-radius: 10upx;
								color: #FFFFFF;
								display: flex;
								align-items: center;
								justify-content: center;
								margin-right: 6upx;
							}
							.content{
								width: 290upx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
						}
						.right-content2{
							font-size: $font-base - 4upx;
							color: #999999;
						}
						.number{
							color: #ff557d;
							padding-right: 20upx;
							padding-left: 10upx;
						}
						.right-content3{
							display: flex;
							align-items: center;
							float: right;
							margin-top: -20upx;
							font-size: $font-base - 6upx;
							padding-right: 10upx;
							&>view{
								width: 60upx;
								height: 36upx;
								border-radius: 10upx;
								border: 1px solid #000000;
								display: flex;
								align-items: center;
								justify-content: center;
							}
							&>view:first-child{
								margin-right: 20upx;
							}
						}
					}
				}
	
			}
			
		}
		
		
}
